<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>${admin.adminName}的个人中心</title>
    <link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/bootstrap/css/font-awesome.min.css">


    <style type="text/css">
        body {
            padding-bottom: 20px;
            overflow-x: hidden;
        }

        #right{
            width: 1000px;
            height:800px;
        }

    </style>
    <!--必须使用较新版本的BootStrap才有如下效果-->

<body>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <nav class="navbar navbar-collapse" role="navigation">
                <div class="container">
                    <div class="navbar-header">
                        <a class="navbar-brand ">${admin.adminName}的个人中心</a>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <div class="row">
        <div class="col-md-2">
            <div class="list-group" id="leftMenu">
                <!--激活，作为标题-->
                <a href="#" class="list-group-item " onclick="manageStudents()">学生管理</a>
                <a href="#" class="list-group-item " onclick="manageTeachers()">教师管理</a>
                <a href="#" class="list-group-item " onclick="manageTest()">试卷管理</a>
                <a href="#" class="list-group-item ">退出</a>
            </div>
        </div>
        <div class="col-md-10">
            <div class="container">
                <iframe frameborder="0" id="right" name="right" src=""></iframe>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div align="center" style="padding-top: 200px">
                Copyright © 2018-2019 by Hinoto
            </div>
        </div>
    </div>
</div>
</body>

<script src="/jquery-3.3.1/jquery-3.3.1.min.js"></script>
<script src="/bootstrap/js/bootstrap.min.js"></script>


<script>

    /*function toindex() {
        window.location.href="http://localhost:8080/admin/manageStudents";
    }*/

    function manageStudents() {
        $("#right").attr("src","/admin/manageStudents");
    }

    function manageTeachers() {
        $("#right").attr("src","/admin/manageTeachers");
    }

    function manageTest() {
        $("#right").attr("src","/admin/manageTest");
    }


</script>
</html>